<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Album example · Bootstrap v5.1</title>

    <link rel="canonical" href="https://getbootstrap.com/docs/5.1/examples/album/">


    <!-- Bootstrap core CSS -->
    <link href="https://getbootstrap.com/docs/5.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">



    <style>
      .bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
      }

      @media (min-width: 768px) {
        .bd-placeholder-img-lg {
          font-size: 3.5rem;
        }
      }
    </style>

    
  </head>
  <body>
    
<header>
  <div class="navbar navbar-dark bg-dark shadow-sm">
    <div class="container">
      <a href="/" class="navbar-brand d-flex align-items-center">
        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" aria-hidden="true" class="me-2" viewBox="0 0 24 24"><path d="M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z"/><circle cx="12" cy="13" r="4"/></svg>
        <strong>xiaoqiu</strong>
      </a>
    </div>
  </div>
</header>

<main>
  <section class="py-5 text-center container">
    <div class="row py-lg-5">
      <div class="col-lg-6 col-md-8 mx-auto">

        <h1 class="fw-light"><strong>期末项目</strong></h1>
             </br>
          <p> 【项目一】名字全称应用：使用黑白配色，将输入的firstname 和 lastname 合并，传输到另一个页面中，并在此页面运用css3字体框悬浮效果，提高用户体验感。</p>
          <p> 【项目二】元音字母词频统计：同样使用黑白配色，通过输入想要查询的单词，运用字典和函数模块的方法，查出相应的元音字母词频。在结果页中运用了css图片悬浮和遮罩的效果，通过鼠标移动而呈现效果，提高字母查询有趣感，增强用户互动性。</p>
          <p> 【项目三】课程表：根据python课前面作业的课程表实现代码，通过html5+css3的方式，通过用户登录的方式，分别输入查询的星期、时间段，便可以查询出该时间段的课程。</p>
        <p>
            </br>
          <a href="/index" class="btn btn-primary my-2">名字全称</a>
          <a href="/vowels" class="btn btn-primary my-2">元音词频</a>
          <a href="/timetable" class="btn btn-primary my-2">课程表</a>
          <a href="/login" class="btn btn-primary my-2">购物车</a>
        </p>
      </div>
    </div>
  </section>
</main>

<footer class="text-muted py-5">
  <div class="container">
    <p class="float-end mb-1">
    </p>
    <p class="mb-0">
        <h4>网站相关：</h4>
        <a href="https://gitee.com/xing-qian/python/tree/master/%E6%9C%9F%E6%9C%AB%E9%A1%B9%E7%9B%AE">我的 gitee 网站源代码</a>、
        <a href="https://flask.palletsprojects.com/en/2.0.x/">flask 官方文档</a>、
        <a href="https://www.runoob.com/">菜鸟教程</a>
    </p>
  </div>
</footer>


    <script src="/docs/5.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>

      
  </body>
</html>
